<template>
	<view>
		<w-navbar type="normal" background="linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)">
			<view slot="navbar-center">展开阅读更多</view>
		</w-navbar>

		<w-topTips ref="topTips"></w-topTips>
		<pageDemoBlock title="基本用法" color="#1c87e4">
			<view class="demo-border">
				<w-readMore @change="showFn" :show="show1">{{text}}</w-readMore>
			</view>
		</pageDemoBlock>

		<pageDemoBlock title="适用场景" color="#e43511">
			<view class="demo-border">
				<w-readMore showText="本内容只对会员阅读" showTextColor="#ff0800" @change="showFn2" :show="false">{{text}}
				</w-readMore>
			</view>
		</pageDemoBlock>
	</view>
</template>

<script>
	import pageDemoBlock from '@/components/page-demo-block';
	export default {
		components: {
			pageDemoBlock
		},
		data() {
			return {
				text: `曾向往，才华横溢的诗人指尖的一触而蹴； 曾向往，展翅高飞的鸟儿眼里的千山万水； 曾向往，美丽夜市的恋人牵手的甜蜜幸福。 可向往终究只是向往，没有现实的基垫，永远也无法摘到心里的繁星。 人生就是这样充满遗憾，在忙忙碌碌中开始，在忙忙碌碌中结束，
			东山托不起那沉重的金乌，轻若薄纱的秋雨尽情地漫舞，冰凉的玉珠洒在枯黄的草丛间，惊醒了沉睡的虫儿，那声嘶力竭的鸣叫衷诉着秋的悲凉，万物收敛了生的活力，给大地演上死寂。枝肥叶瘦，清波荡漾，落叶萧萧，长空孤影，琥珀的眼眸充溢着灰色的光芒，独嚼杯.
			落花飘零的时节又悄悄来到，悲雨秋风中吹落了粉红浅浅的美丽花瓣，清醒歌唱中告别红尘中的牡丹。秋季的花市不再烂漫，忽然变得素静悄然。无意中发现多姿芳香的牡丹花神采悠然。`,
				show1: false,


			};
		},
		methods: {
			showFn() {
				this.show1 = !this.show1;
			},
			showFn2() {
				this.$refs.topTips.show({
					type: 'warning',
					title: '您未开通会员,请先开通会员!'
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	.demo-border {
		padding: 20rpx;
		border: 2rpx dashed #ddd;
	}
</style>
